<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" name="viewport" content="initial-scale=1.0, user-scalable=no">
    <title>show</title>
    <link rel="stylesheet" href="./css/show.css"/>
    <script type="text/javascript" src="./js/jquery-1.4.2.js"></script>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=dfbe9ed807472661291ed3b4bcedc839"></script>
    <script type="text/javascript" src="./js/show.js"></script>
</head>
<body>
    <div id="container" style='width:1400px;height:750px;'></div>
    <table id="bookTable" th:each="book:${books}">
        <tr>
            <td>书名</td>
            <td class="bookName" th:text="${book.getName()}"></td>
        </tr>
        <tr>
            <td>作者名</td>
            <td class="authorName" th:text="${book.getAuthor()}"></td>
        </tr>
        <tr>
            <td>写作时间</td>
            <td class="time" th:text="${book.getTime()}"></td>
        </tr>
        <tr>
            <td>写作位置</td>
            <td class="location" th:text="${book.getLocation()}"></td>
        </tr>
        <tr>
            <td>经纬度</td>
            <td class="jingdu" th:text="${book.getJingdu()}"></td>
            <td class="weidu" th:text="${book.getWeidu()}"></td>
        </tr>
        <tr>
            <td>------------------------------</td>
        </tr>
    </table>
</body>
</html>